<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>frederic bouffier spécialiste en marketing digital, e-commerce et SEO</title>
    <meta name="keywords" content="CV, référencement naturel, marketing digital, responsable e-commerce, SEO">
    <meta name="description" content=" CV frederic Bouffier: responsable e-commerce, chef de projet digital et SEO sur Paca et sur Paris.">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-TS44ZXQ');</script>
    <!-- End Google Tag Manager -->
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TS44ZXQ"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- Preloader -->
    <!-- 	<div id="preloader">
		<div id="status">&nbsp;</div>	</div>-->
    <!-- header -->
    <header>
      <!-- navbar -->
      <nav class="navbar navbar-custom navbar-fixed-top" data-spy="affix" data-offset-top="1000">
        <div class="container">
          <div class="row">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle"

                data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <i class="fa fa-bars"></i> </button> <a class="navbar-brand page-scroll"

                href="./"><img alt="" src="image/logo.png"></a> </div>
            &nbsp;<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right menu">
                <li> <a class="active" href="#welcome">Haut</a> </li>
                <li> <a href="#about">Qui suis je ?</a> </li>
                <li> <a href="#service">Compétences</a> </li>
                <li> <a href="https://www.linkedin.com/in/fredericbouffier/" rel="nofollow"

                    target="_blank">Linkedin</a> </li>
                <li> <a href="#contact">Contact</a> </li>
              </ul>
            </div>
          </div>
        </div>
      </nav>
      <!-- End navbar --> </header>
    <!-- End header -->
    <!-- banner -->
    <div id="welcome" class="banner-content">
      <div class="banner-parallax parallaxie overly" style="background: url(&quot;image/bg-banner-1fb.jpg&quot;)">
      </div>
      <div class="intro-text">
        <div class="type-wrap effect-text"> <span id="typed3"></span> </div>
      </div>
      <div class="social-holder pos outline"> <a href="https://twitter.com/FredBouffier"

          target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a

          href="https://www.linkedin.com/in/fredericbouffier/" target="_blank"><i

            class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="https://www.facebook.com/frederic.bouffier.7"

          target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
      </div>
      <div class="scroll-downs scroll-btn"> <a class="scroller" href="#about">
          <i class="fa fa-angle-double-down" aria-hidden="true"></i>
          <p>Scroll Down</p>
        </a> </div>
    </div>
    <!-- End Banner -->
    <!-- About app -->
    <section id="about" class="about sec-pad">
      <div class="container">
        <div class="row">
          <div class="overview-details row">
            <div class="col-md-6 col-md-offset-3 text-center">
              <div class="section-text">
                <h1 class="section-heading">marketing digital<br>
                  e-commerce &amp; SEO</h1>
                <p class="focus-text">Vous avez des besoins en marketing
                  digital, e-commerce et seo ?</p>
                <p>Je fais de la transition numérique pour de grandes
                  multinationales comme pour des PME, en B2B et B2C, dans des
                  domaines aussi divers que la robotique, la formation, le vin, la maroquinerie ou la cosmétique.</p>
                <a class="btn btn-primary" href="mailto:frederic.bouffier@gmail.com">ça
                  m'intéresse &gt;</a> </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End about -->
    <!-- Service -->
    <section id="service" class="service sec-pad alter-bg">
      <div class="container">
        <div class="row">
          <div class="section-text text-center col-md-8 col-md-offset-2">
            <h1 class="section-heading">Mes compétences</h1>
          </div>
          <div class="service-holder">
            <div class="ser-row">
              <div class="col-sm-6 col-md-3 res-margin">
                <div class="service-colum wow fadeInUp" data-wow-delay=".1s">
                  <div class="service-icon"> <i class="fa fa-laptop"></i> </div>
                  <div class="service-text">
                    <h4>marketing digital</h4>
                    <p>L'inbound marketing sur base de SEO, contenu et entonnoir de conversion est mon fond de commerce. L'email marketing, le SEA et CMO complètent la panoplie d'outils que j'utilise et mesure via UA ou GA4 désormais.</p>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-md-3 res-margin">
                <div class="service-colum wow fadeInUp" data-wow-delay=".1s">
                  <div class="service-icon"> <i class="fa fa-codepen"></i> </div>
                  <div class="service-text">
                    <h4>Gestion de projets</h4>
                    <p>Concevoir mon outil de travail me passionne, avec une
                      vision UX/UI ainsi que design thinking.</p>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-md-3 res-margin">
                <div class="service-colum wow fadeInUp" data-wow-delay=".1s">
                  <div class="service-icon"> <i class="fa fa-building-o"></i> </div>
                  <div class="service-text">
                    <h4>e-commerce</h4>
                    <br>
                    &nbsp;CA, marge, taux de conversion, panier moyen, churn rate, coût de stockage et livraison, taux de retour, ROI 
                    font partie de mes KPI, que soit en B2B, B2C ou via les marketplaces<br>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-md-3">
                <div class="service-colum wow fadeInUp" data-wow-delay=".1s">
                  <div class="service-icon"> <i class="fa fa-cloud"></i> </div>
                  <div class="service-text">
                    <h4>Salesforce</h4>
                    <p>Administrateur et App builder certifié par Salesforce (examen en anglais) en 2023</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Service -->
    <!-- Resume -->
    <section id="experience" class="experience sec-pad">
      <div class="container">
        <div class="row">
          <div class="section-text text-center col-md-8 col-md-offset-2">
            <h1 class="section-heading">CV</h1>
          </div>
          <div class="clearfix"></div>
          <div class="timeline col-md-7 res-margin">
            <h2>Postes</h2>
            <div class="sp-bttm"></div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>Groupe ASIA Atlantic (france/chine)</h3>
                <p>2019-2021</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Responsable e-commerce / marketplaces</h3>
                <p>Organisation et stratégie e-commerce B2C B2B (fermeture cause covid 19)</p>
              </div>
            </div><div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>macdan / groupe CONFORAMA</h3>
                <p>2008-2017</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Responsable e-commerce / consultant</h3>
                <p>croissance exponentielle des commandes et du CA avant revente
                  de l'activité (equipe 5 pers)</p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>FRANCE 5 TV</h3>
                <p>2008 CDD</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Directeur marketing digital</h3>
                <p>Pour sites de VOD et MOOC de france&nbsp; 5 education<br>
                  management 1 pers</p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>LOYAL TOUCH</h3>
                <p>2007</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Start upper</h3>
                <p>tentative start up...</p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>FESTO france</h3>
                <p>2003-2007 </p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Responsable e-commerce et marketing digital</h3>
                <p>Pour une multinationale B2B<br>
                  management 1 pers</p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>ASCO groupe Emerson</h3>
                <p>2000-2002</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>VIE responsable produit Maroc</h3>
                <p>Pour une joint-venture franco-americaine B2B </p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>GEMALTO</h3>
                <p>1998-2000 </p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Corporate Data Manager / CRM</h3>
                <p>Apprentissage comme Data manager puis membre de l'equipe
                  projet CRM</p>
              </div>
            </div>
            <div class="timeline-row row">
              <div class="col-sm-3 col-xs-12 timeline-left">
                <h3>DGA/DCN</h3>
                <p>1996 CDD/stage</p>
              </div>
              <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1 timeline-right">
                <h3>Membre equipe projet ERP</h3>
                <p>Pour&nbsp; production avions rafales et sous marins
                  nucléaires</p>
              </div>
            </div>
          </div>
          <ul class="skill-list col-md-4 col-md-offset-1">
            <li>
              <h2>Spécialiste</h2>
              <div class="sp-bttm"></div>
            </li>
            <li class="progress-element">
              <div class="p-heading">Salesforce</div>
              <span class="percent">90%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="95"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li><li class="progress-element">
              <div class="p-heading">Anglais</div>
              <span class="percent">90%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="95"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li><li class="progress-element">
              <div class="p-heading">Espagnol</div>
              <span class="percent">90%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="95"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">e-commerce</div>
              <span class="percent">90%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="95"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">SEO</div>
              <span class="percent">85%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="85"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">marketing Digital</div>
              <span class="percent">85%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="75"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">emailing</div>
              <span class="percent">85%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="80"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">gestion projet</div>
              <span class="percent">75%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="75"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">marketplaces</div>
              <span class="percent">75%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="75"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">CMS e-commerce <br>Prestashop Magento Shopify</div>
              <span class="percent">70%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="70"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">Data</div>
              <span class="percent">70%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="70"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">Logistique supply chain automation</div>
              <span class="percent">70%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="70"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">Finance</div>
              <span class="percent">70%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="70"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li><li class="progress-element">
              <div class="p-heading">HTML CSS Wordpress Joomla Drupal</div>
              <span class="percent">70%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="70"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
            <li class="progress-element">
              <div class="p-heading">CRM ERP Sage SAP</div>
              <span class="percent">50%</span>
              <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="50"

                  aria-valuemin="0" aria-valuemax="100"> </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- End Resume -->
    <!-- Counter -->
    <section class="parallaxie" style="background: url(&quot;image/bg-parallaxfb.jpg&quot;)">
      <div class="overly text-center sec-pad">
        <div class="container">
          <div class="row">
            <div class="static-warapper clearfix">
              <div class="col-sm-3 counter-wrapper res-margin">
                <div class="top-row"> <i class="fa fa-hand-peace-o" aria-hidden="true"></i>
                  <p class="counter">200000</p>
                </div>
                <p>orders completEd</p>
              </div>
              <div class="col-sm-3 counter-wrapper res-margin">
                <div class="top-row"> <i class="fa fa-diamond" aria-hidden="true"></i>
                  <p class="counter">30000000</p>
                </div>
                <p>Aggregate turnover</p>
              </div>
              <div class="col-sm-3 counter-wrapper res-margin">
                <div class="top-row"> <i class="fa fa-glass" aria-hidden="true"></i>
                  <p class="counter">4</p>
                </div>
                <p>Cups of Coffee / DAY</p>
              </div>
              <div class="col-sm-3 counter-wrapper res-margin">
                <div class="top-row"> <i class="fa fa-newspaper-o" aria-hidden="true"></i>
                  <p class="counter">2500</p>
                </div>
                <p>KEYWORDS ON <br>
                  GOOGLE 1ST PAGE</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End counter -->
    <!--Portfolio
    <section id="portfolio" class="portfolio sec-pad">      <div class="container">        <div class="row">          <div class="section-text text-center col-md-8 col-md-offset-2">            <h1 class="section-heading">Mes outils</h1>          </div>          <div class="clearfix"></div>          <div class="filters-menu clearfix">            <ul>              <li class="filter active" data-filter=".category-1">All</li>              <li class="filter" data-filter=".category-2">e-commerce</li>              <li class="filter" data-filter=".category-3">marketing digital</li>              <li class="filter" data-filter=".category-4">SEO</li>            </ul>          </div>          <div id="Container">            <ul class="portfolio-wrapper img-pop clearfix">              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-3"                data-my-order="3"> <a href="image/pfolio-img.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img.jpg">                      <div class="text">                        <h4>Symfony, magento, prestashop</h4>                        <p>e-commerce</p>                      </div>                    </div>                  </div>                </a> </li>              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-3"                data-my-order="4"> <a href="image/pfolio-img-2.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img-2.jpg">                      <div class="text">                        <h4>Media project</h4>                        <p>marketing digital</p>                      </div>                    </div>                  </div>                </a> </li>              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-2 category-4"                data-my-order="5"> <a href="image/pfolio-img-3.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img-3.jpg">                      <div class="text">                        <h4>Design book</h4>                        <p>marketing digital</p>                      </div>                    </div>                  </div>                </a> </li>              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-2 category-4"                data-my-order="6"> <a href="image/pfolio-img-4.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img-4.jpg">                      <div class="text">                        <h4>Mac book</h4>                        <p>marketing digital</p>                      </div>                    </div>                  </div>                </a> </li>              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-2 category-4"                data-my-order="7"> <a href="image/pfolio-img-5.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img-5.jpg">                      <div class="text">                        <h4>Drik book</h4>                        <p>marketing digital</p>                      </div>                    </div>                  </div>                </a> </li>              <li class="col-md-4 col-sm-6 portfolio-item  mix category-1 category-2 category-4"                data-my-order="8"> <a href="image/pfolio-img-6.jpg" class="link-wrapper">                  <div class="portfolio-hover">                    <div class="portfolio-hover-content"> <img alt="" src="image/pfolio-img-6.jpg">                      <div class="text">                        <h4>Prime Book</h4>                        <p>SEO</p>                      </div>                    </div>                  </div>                </a> </li>            </ul>          </div>        </div>      </div>    </section>    
    End Portfolio - work in progress-->
    <!-- Testimonial -->
    <section class="testimonial sec-pad alter-bg">
      <div class="section-text text-center col-md-8 col-md-offset-2">
        <h1 class="section-heading">Mes outils</h1>
      </div>
      <div class="clearfix"></div>
      <div class="col-md-8 col-md-offset-2">
        <div class="owl-carousel loop-testi">
          <div class="testimonial-wrapper"> <img alt="" src="image/profile-img.jpg">
            <p><i>Ma newsletter ou mes emailings
                d'aquisition sont envoyés via mailchimp, les emails transactionels font l'objet de marketing automation.</i></p>
            <h4>emailing</h4>
            <h5> </h5>
          </div>
          <div class="testimonial-wrapper"> <img alt="" src="image/profile-img.jpg">
            <p><i>J'ai utilisé un CMS e-commerce developpé suivant mes
                préconisations sur base symfony mais aussi prestashop ou
                magento.<br>la Marketplace qui a ma préférence reste Amazon que je
                trouve la plus performante.</i></p>
            <h4>e-commerce</h4>
            <h5> </h5>
          </div>
          <div class="testimonial-wrapper"> <img alt="" src="image/profile-img.jpg">
            <p><i>Dès 9h avec mon café j'ouvre tous les outils google :
                analytics, console et ads si nécessaire. <br> Mais semrush a ma
                préférence pour le SEO. <br> Ayant testé Drupal et Joomla,c'est quand
                même Wordpress que j'utilise le plus souvent en blogging.</i></p>
            <h4>marketing digital</h4>
            <h5> </h5>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </section>
    <!-- End testimonial -->
    <!--Blog  
    <section id="blog" class="blog sec-pad">      <div class="container">        <div class="row">          <div class="section-text text-center col-md-8 col-md-offset-2">            <h1 class="section-heading">Blog Post</h1>          </div>          <div class="row">            <div class="gbox-wrapper ">              <div class="col-md-4 res-margin wow fadeInUp" data-wow-delay=".1s">                <div class="gbox-item"> <a href="blog-single.html" class="link-wrapper">                    <div class="gbox-hover">                      <div class="gbox-hover-content"> <img alt="" src="image/blog-img-1.jpg">                        <div class="text">                          <p>June 27, 2017</p>                          <h4>Happy ending <br>                            in city</h4>                        </div>                      </div>                    </div>                  </a> </div>              </div>              <div class="col-md-4 res-margin wow fadeInUp" data-wow-delay=".1s">                <div class="gbox-item"> <a href="blog-single.html" class="link-wrapper">                    <div class="gbox-hover">                      <div class="gbox-hover-content"> <img alt="" src="image/blog-img-2.jpg">                        <div class="text">                          <p>June 20, 2017</p>                          <h4>How to chill <br>                            in life</h4>                        </div>                      </div>                    </div>                  </a> </div>              </div>              <div class="col-md-4 res-margin wow fadeInUp" data-wow-delay=".1s">                <div class="gbox-item"> <a href="blog-single.html" class="link-wrapper">                    <div class="gbox-hover">                      <div class="gbox-hover-content"> <img alt="" src="image/blog-img-3.jpg">                        <div class="text">                          <p>June 18, 2017</p>                          <h4>Power of potentiality <br>                            in life</h4>                        </div>                      </div>                    </div>                  </a> </div>              </div>            </div>          </div>           </div>      </div>    </section>     End blog -->
    <!-- Contact -->
    <section id="contact" class="contact sec-pad alter-bg">
      <div class="container">
        <div class="row">
          <div class="section-text text-center col-md-8 col-md-offset-2">
            <h1 class="section-heading">Contact</h1>
          </div>
          <div class="contact-holder row">
            <div class="col-md-10 col-md-offset-1">
              <ul class="contact-details res-margin row">
                <li class="col-sm-4 clearfix"><i class="fa fa-map-marker" aria-hidden="true"></i>
                  <p>Provence</p>
                </li>
                <li class="col-sm-4 clearfix"><i class="fa fa-phone" aria-hidden="true"></i>
                  <p>+ 033 660831592</p>
                </li>
                <li class="col-sm-4 clearfix"><i class="fa fa-envelope" aria-hidden="true"></i>
                  <p><a href="mailto:frederic.bouffier@gmail.com">frederic.bouffier(at)gmail.com </a></p>
                </li>
              </ul>
              <!--contactform
              <form id="contact-form" class="custom-form" method="post" action="contact.php"                role="form">                <div class="messages"></div>                <div class="controls">                  <div class="form-group"> <input id="form_name" name="name"                      class="form-control" placeholder="Please enter your name *"                      required="required" data-error="Name is required." type="text">                    <div class="help-block with-errors"></div>                  </div>                  <div class="form-group"> <input id="form_email" name="email"                      class="form-control" placeholder="Please enter your email *"                      required="required" data-error="Valid email is required."                      type="email">                    <div class="help-block with-errors"></div>                  </div>                  <div class="form-group"> <textarea id="form_message" name="message"class="form-control" placeholder="Message for me *" rows="4" required="required"data-error="Please,leave us a message."></textarea>                    <div class="help-block with-errors"></div>                  </div>                  <input class="btn btn-primary btn-send" value="Send" type="submit">                </div>              </form>-->
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--Footer  -->
    <footer class="footer-wrapper">
      <div class="container">
        <div class="row">
          <div class="social-holder"> <a href="https://twitter.com/FredBouffier"

              target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href="https://www.linkedin.com/in/fredericbouffier/" target="_blank"><i

                class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i

                class="fa fa-google" aria-hidden="true"></i></a> </div>
          <div class="copyright"> frederic Bouffier&nbsp; 2019-2022 e-commerce theme
             </div>
        </div>
      </div>
    </footer>
    <!-- End Footer -->
    <!-- Script -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/typed.min.js"></script>
    <script src="js/jquery.mixitup.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/parallaxie.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/validator.min.js"></script>
    <script src="js/script.js"></script>
    <!--analytics-->
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3762460-1");
pageTracker._initData();
pageTracker._trackPageview();
</script> <!--end-analytics-->
<!-- Global site tag (gtag.js) - Google Analytics 4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B2LYNQPD22"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-B2LYNQPD22');
</script>
  </body>
</html>
